.userInfo {
  height: 30%;
  width: 100%;
  padding: 30px;
  background-color: #bf8ee7;
  display: flex;
  justify-content: flex-start;
}

.ava {
  width: 64px;
  height: 64px;
}

.username {
  padding-left: 30px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}

.useremial {
  padding-left: 30px;
  font-size: 18px;
}

.change {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  p {
    flex: 50%;
    padding-top: 10px;
    margin: 0;
    height: 100%;
    text-align: center;
    border: 1px solid #eee;
  }
}

.nameInput {
  width: 100%;
  height: 33px;
}
